<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/base.css">
	</head>

	<body>
		<div id="slider" class="mui-slider mui-fullscreen" style="background-color:#01D4C5;">
			<div class="mui-slider-group">
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<img src="../img/welcome-1.jpg" class="fill-w fill-h" />
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<img src="../img/welcome-2.jpg" class="fill-w fill-h" />
				</div>
				<!-- 第三张 -->

				<div class="mui-slider-item">
					<img src="../img/welcome-3.jpg" class="fill-w fill-h" />
					<style>
						.corner-btn {
							background-color: #4CD964;
							color: white;
							border: 1px white solid;
							width: 150px;
							text-align: center;
							padding: 5px 35px;
							font-size: 1.6rem;
						}
						
						.corner-btn:active {
							background-color: #2AC845;
							color: white;
							border: 1px white solid;
							width: 150px;
							text-align: center;
							padding: 5px 35px;
							font-size: 1.6rem;
							margin: 0px auto;
						}
						
						.continers {
							width: 100%;
							position: absolute;
							bottom: 50px;
						}
					</style>
					<div class="continers flex h-center">
						<div id="close" class="corner-btn">立即体验</div>
					</div>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>

			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/local-keys.js"></script>
		<script>
			
			mui.back = function() {
				plus.runtime.quit();
			};
			mui.plusReady(function() {
				if(mui.os.ios) {
							plus.navigator.setFullscreen(true);
						}
						plus.navigator.closeSplashscreen();
						
						// Android处理返回键
						setlocalItem(getislauchKey(), "true");
						
						//立即体验按钮点击事件
						document.getElementById("close").addEventListener('tap', function(event) {
							plus.navigator.setFullscreen(false);
							
							var webview = mui.openWindow({
								url: 'login.html',
								
							});
						}, false);
					});
		</script>
	</body>

</html>